nav {  
    display: flex; /* 使用Flexbox布局来放置链接 */  
    list-style: none; /* 移除列表样式 */  
    padding: 0; /* 移除默认的内边距 */  
    margin: 0;
    background-color: #fff;  
    overflow: hidden;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.25); 
}  
nav a {  
    float: left;  
    color: black;  
    text-align: center;  
    padding: 15px 16px;  
    text-decoration: none;  
    font-size: 17px;  
    align-items: center;
    justify-content: space-between;
}  
nav a:hover {  
    background-color: #ddd;  
    color: black; 
    align-items: center; 
}  
nav::after {  
    content: "";  
    display: table;  
    clear: both;  
    align-items: center;
}  
.nav-logo {  
  width: 30px; /* 你可以根据需要调整尺寸 */  
  height: 30px; /* 你可以根据需要调整尺寸 */  
  vertical-align: middle; /* 与文本垂直对齐 */  
  margin-right: 10px; /* 图标与文本之间的间距 */ 
  border-radius: 5px; /* 设置为50%将图片变成圆形 */ 
}
  
/* 主体内容样式 */   
body {  
    margin: 0;   
 } 
.header {  
    position: relative; /* 确保伪元素是相对于此元素定位的 */  
    height: 400px;  
    width: 75%;  
    background-image: url('index.png');
    background-position: center;  
    background-repeat: no-repeat;  
    background-size: cover;  
    color: #ebebeb;  
    border-radius: 5px;  
    display: block; 
    margin: 0 auto;
}  
  
.header::before {  
    content: "";  
    position: absolute;  
    top: 0;  
    left: 0;  
    right: 0;  
    bottom: 0;  
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);  
    pointer-events: none; /* 确保渐变层不阻挡鼠标事件 */  
    border-radius: inherit; /* 继承header的边框半径 */  
    z-index: 1; /* 确保伪元素在图片上方 */  
}  
.content {  
    padding: 20px;  
    background-color: #ebebeb; /* 修改为背景色为白色或其他合适的颜色 */  
}  
h1 {  
    color: rgb(0, 0, 0);
    font-weight: 300; /* 如果h1在.header内，则保留；否则可以根据需要在其他地方调整 */  
}  

h2 {  
    color: rgb(0, 0, 0);
    font-weight: 300; /* 如果h1在.header内，则保留；否则可以根据需要在其他地方调整 */  
}  

.footer {  
    background-color: #111111;  
    color: white;  
    text-align: center;  
    padding: 15px;  
}  
  
/* 超链接样式 */  
a {  
    color: #007bff; /* 蓝色 */  
    text-decoration: none; /* 移除下划线 */  
    transition: color 0.3s ease; /* 添加过渡效果 */  
}  
a:hover {  
    color: #0056b3; /* 悬停时改变颜色 */  
}  
  
/* 底部超链接样式 */ 
.copyright {
    color: #8a8e92
} 
.copyright:hover {
    color: #545b62
}
.icp-link {  
    color: #6c757d; /* 灰色 */  
}  
.icp-link:hover {  
    color: #545b62; /* 悬停时改变颜色 */  
}  
   
@media only screen and (max-width: 600px) {  
    .modal-content {  
        width: 90%;  
        margin: 30% auto;  
    }   
}